<!DOCTYPE html>
<html lang="en">
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!--    <link rel="shortcut icon" href="favicon.ico">-->

    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href='{{ url_for("static", filename="css/bootstrap.min.css") }}'>
    <link rel="stylesheet" href='{{ url_for("static", filename="css/animate.css") }}'>
    <link rel="stylesheet" href='{{ url_for("static", filename="css/style.css") }}'>

    <!-- Modernizr JS -->
    <script src='{{ url_for("static", filename="js/modernizr.min.js") }}'></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src='{{ url_for("static", filename="js/respond.min.js") }}'></script>
    <![endif]-->
    <style>

        @font-face {
            font-family: monaco;
        url("{{ url_for('static', filename='fonts/YaHeiMonacoHybrid.ttf') }}")format('truetype');
        }

        html {
            height: 100%;
        }

        body {
            font-family: monaco;
            min-height: 100%;
            display: flex;
            flex-direction: column;
        }

        .copyright_footer {
            width: 100%;
        }

        .wrap {
            flex: 1;
        }
    </style>

    {% block head %}
    {% endblock%}

</head>
<body>
<div class="wrap">
    {% block body %}

    {% endblock%}
</div>


{% block footer %}
<div class="row copyright_footer" style="padding-top: 60px; clear: both;">
    <div class="col-md-12 text-center">
        <p>
            <small>&copy; All Rights Reserved by somewheve</small>
             <small>License:Mit</small>
            <a href="http://120.79.8.150/">
                <small>About us</small>
            </a>


        </p>
    </div>
</div>
{% endblock%}


<!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<!-- Bootstrap -->
<!--<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- Placeholder -->
<script src='{{ url_for("static", filename="js/jquery.placeholder.min.js") }}'></script>

<!-- Waypoints -->
<script src='{{ url_for("static", filename="js/jquery.waypoints.min.js") }}'></script>
<!-- Main JS -->
<script src='{{ url_for("static", filename="js/main.js") }}'></script>

<!--  Socket.io.js -->
<script src='{{ url_for("static", filename="js/socket.io.js") }}'></script>


<script>
    var socket = io.connect('http://localhost:5000');
    socket.on('contract', function (data) {
        localStorage.setItem("contract_list", JSON.stringify(data));
    });
</script>
{% block script %}

{% endblock%}
</body>
</html>